﻿body,
html,
a,
div,
hgroup,
h3,
h2,
p {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 16px;
}
body div#wrapper {
  margin: 20px 20px;
}
body div#wrapper > div {
  display: inline-block;
  width: 140px;
  /*height: 250px;*/
  border-top: 2px solid #d3d7da;
  border-bottom: 2px solid #d3d7da;
  vertical-align: text-top;
  margin-right: -4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 10px;
}
body div#wrapper > div div > a {
  display: block;
  color: #c72d2f;
  text-decoration: none;
}
body div#wrapper > div div > a span {
  text-transform: uppercase;
}
body div#wrapper > div div > a:first-of-type {
  margin-top: 5px;
}
body div#wrapper > div .yellowBox {
  background-color: #ffffdd;
  margin-top: 2px;
  position: relative;
  top: -4px;
  left: 1px;
  outline: 1px solid yellow;
  outline-offset: 0px;
}
body div#wrapper > div .yellowBox a {
  display: inline-block;
}
body div#wrapper > div hgroup {
  padding-left: 40px;
  margin-bottom: 16px;
}
body div#wrapper > div hgroup h3,
body div#wrapper > div hgroup h2 {
  font-size: 1em;
}
body div#wrapper > div:nth-child(1) {
  height: 250px;
}
body div#wrapper > div:nth-child(1) hgroup:before {
  content: url(imgs/install.png);
  position: absolute;
  left: 26px;
  top: 36px;
}
body div#wrapper > div:nth-child(2) {
  height: 270px;
}
body div#wrapper > div:nth-child(2) hgroup:before {
  content: url(imgs/tuneUp.png);
  position: absolute;
  left: 176px;
  top: 36px;
}
body div#wrapper > div:nth-child(3) {
  height: 250px;
}
body div#wrapper > div:nth-child(3) hgroup:before {
  content: url(imgs/manage.png);
  position: absolute;
  left: 326px;
  top: 36px;
}
body div#wrapper > div:nth-child(4) {
  height: 250px;
  padding-top: 30px;
}
body div#wrapper > div:nth-child(4) hgroup:before {
  content: url(imgs/openSource.png);
  position: absolute;
  left: 476px;
  top: 36px;
}
body div#wrapper > div:nth-child(5) {
  height: 230px;
  padding-top: 30px;
}
body div#wrapper > div:nth-child(5) hgroup:before {
  content: url(imgs/twitter.png);
  position: absolute;
  left: 626px;
  top: 36px;
}
body div#wrapper > div:nth-child(6) {
  padding-top: 30px;
}
body div#wrapper > div:nth-child(6) hgroup:before {
  content: url(imgs/about.png);
  position: absolute;
  left: 776px;
  top: 36px;
}
body div#wrapper > div:first-of-type {
  border-left: 2px solid #d3d7da;
}
body div#wrapper > div:nth-child(2n) {
  border: 2px solid #d3d7da;
  /*height: 270px;*/
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f2f3));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f2f3 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f1f2f3 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f2f3 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f1f2f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f2f3', GradientType=0);
}
